<template>
	<view class="page">
		<!-- <image style="margin-bottom: 30rpx;" class="bingo" src="../../../static/success.png"></image> -->
		<image style="margin-bottom: 30rpx;" class="bingo" src="../../../static/dui.png" mode=""></image>
		<!-- <image src="../../../static/dui.png" mode=""></image> -->
		<view class="title">
			支付成功
		</view>
		<view style="margin: 40rpx 0;">
			<view class="text">
				你可在首页/订单列表呼叫当天服务上门
			</view>
			<view class="text">
				订单有效期内可以随时呼叫服务
			</view>
		</view>
		
		<view class="callBtn" @click="callBtn">
			现在呼叫
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				order_id:''
			};
		},
		methods:{
			callBtn(){
				let self = this
				console.log('????');
				uni.reLaunch({
					// url:'/pages/order/callNo?order_no='+self.order_no
					url:'/pages/order/call?id=' +self.order_id
				})
			}
		},
		onLoad(options) {
			console.log('options',options);
			this.order_id = options.order_id
			console.log('this.order_no',this.order_id);
		}
	}
</script>

<style lang="scss">
	.page{
		text-align: center;
		width: 100%;
	}
	.bingo{
		width: 200rpx;
		height: 200rpx;
		margin: 80rpx auto;
		
	}
	.callBtn{
		background-color: #2568BC;
		width: 90%;
		margin-left: 5%;
		height: 80rpx;
		line-height: 80rpx;
		color: #fff;
		font-size: 32rpx;
		border-radius: 10rpx;
	}
	.title{
		font-size: 40rpx;
	}
	.text{
		margin: 10rpx 0;
		font-size: 28rpx;
		color: #ccc;
	}
</style>
